<template>
	<sysJk :label="'10.湿式、干式自动喷水灭火系统连锁控制和联动功能测试'" showBack :withoutTop="true" :leftTime="lefttime">
		<template v-slot:content>
			<view class="warp" id="warp" @touchmove.stop="()=>{}">
				<view class="w100" v-if="curnum==0">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview1">
								<view class="ytitle"> 请操作末端试水装置，查看消防水泵动作情况</view>
								<view>
									<view> 启动消防水泵后，判断消防水泵反馈状态</view>
									<radio-group @change="aChange">
										<label class="ritem" v-for="item,index in answer1" :key="index">
											<view>
												<radio :value="item" :checked="da1 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
											</view>
										</label>
									</radio-group>
								</view>
							</view>

							<view class="handleBtn">
								<u-button v-if="examType==1"
																:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																@click='explain(0)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==0?'areaitem sitem':'areaitem'" @click="setarea(0)">
										<image class="aimg" :src="area1"></image>消防控制室
									</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>水泵房(1)
									</view>
									<view :class="curarea==2?'areaitem sitem':'areaitem'" @click="setarea(2)">
										<image class="aimg" :src="area3"></image>末端试水场景
									</view>
								</view>
								<view class="btnArea">
									<u-button 
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda1()">提交</u-button>
									<u-button @click="reset1()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>

							<!--10-1-->
							<view v-if="isa1101" id="a1011" class="openiv" :style="{ left:a11011lleft,top:a11011ltop}"
								@tap="openimgview('10-2',102)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa1101" id="a1012" class="openiv" :style="{ left:a1101l2left,top:a1101l2top}">
								<image class="openi" :src="openimg"></image>
							</view>


							<!-- 这里要有一个状态，判断是否按过了。-->
							<view v-if="isa1103" id="a1031" class="openiv" :style="{ left:a1103left,top:a1103top}"
								@tap="openimgview('10-4',104)">
								<image class="openi" :src="openimg"></image>
							</view>

							<!--106-->
							<view v-if="isa1a106" id="a1061" class="openiv" :style="{ left:a1106cleft,top:a1106ctop}"
								@tap="openimgview('10-2',102)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="iscreen1!=0 && isa1a106" id="a1062" class="openiv rem7"
								:style="{left:a1106ileft,top:a1106itop,width:a1106iw,height:a1106ih,color:'#000'}">

							</view>


							<u-mask :show="showFlag">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen1!=0">
											<view> {{stime1}}-消防水泵启动</view>
											<view>{{stime1}}压力开关监管报警</view>
											<view>{{stime1}} 水流指示器监管报警</view>
											<view>{{stime1}} {{isf61status?'消防水泵已反馈':'消防水泵未反馈'}} </view>
										</view>
									</view>
								</view>
							</u-mask>

							<!--104-->
							<view v-if="isa1104" id="a104c" class="openiv" :style="{ left:a1104cleft,top:a1104ctop}"
								@tap="openimgview('10-3',103)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<!-- 这里要有一个状态，判断是否按过了。-->
							<view v-if="isa1104" id="a1031" class="openiv redbg"
								:style="{ left:a1104bleft,top:a1104btop,width:a1104bw,height:a1104bh}"
								@tap="openimgview('0',104)">
							</view>


							<!--102-->
							<view v-if="isa1a102" id="a1021" class="openiv ds"
								:style="{ left:a1102tleft,top:a1102ttop}">
								{{time}}
							</view>


							<view v-if="isa1a102" id="a102f2" class="openiv redbg"
								:style="{ left:f2left,top:f2top,width:f2w,height:f2h}" @tap="f21()">
							</view>
							<view v-if="isa1a102" id="a102f6" class="openiv redbg"
								:style="{ left:f6left,top:f6top,width:f6w,height:f6h}" @tap="f61()">
							</view>
							
							
						 
							<view v-if="iscreen1!=0 && isa1a102" id="areaf22" class="openiv "
								:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}"  >
							<image class="openi openiv" :style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							<view v-if="iscreen1!=0 && isf61status && isa1a102" id="areaf32" class="openiv "
								:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}"  >
								<image class="openi openiv" :style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							
							
							

							<view v-if="isa1a102" id="a1022" class="openiv rem7"
								:style="{ left:a1102ileft,top:a1102itop,color:'#000'}">
								<view class="flexcol">
									<view v-if="iscreen1==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen1==1" :style="{ width:stw,height:sth,color:'#fff'}">启动信息
									</view>
									<view v-if="iscreen1==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息
									</view>
									<view v-if="iscreen1==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息
									</view>

									<view class="flexrow">
										<view v-if="iscreen1==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>
										<view v-if="iscreen1==1" :style="{ width:siw,height:sbw,color:'#000'}">
											<text class="rtext">首警 </text>{{stime1}} 消防水泵 启动
										</view>

										<view v-if="iscreen1==2" :style="{ width:siw,height:sbw,color:'#000'}">
											<text>{{info}}</text>
										</view>
										<view v-if="iscreen1==3" :style="{ width:siw,height:sbw,color:'#000'}">
											<text>{{info}}</text>
										</view>
										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动禁止
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen1==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001
										F2上一页 F3下一页 F6退出
									</view>
									<view v-if="iscreen1==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001
										F2上一页 F3下一页 F6退出
									</view>
								</view>
							</view>


							<view v-if="isa1a102" id="a1023" class="openiv" :style="{ left:a1102cleft,top:a1102ctop}"
								@tap="openimgview('10-1',101)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<!--openimgview('10-6',106)-->
							<view v-if="isa1a102" id="a1023" class="openiv" :style="{ left:a1102left,top:a1102top}"
								@tap="showDialog()">
								<image class="openi" :src="openimg"></image>
							</view> 
						</view>
					</view>

				</view>


				<view class="w100" v-if="curnum==11">
					<view class="taskTit">
						<view class="tasklfex">
							<view>{{questions[1]}}</view>
							<view class="stepbs"> 
								 <image :src="jd31" mode="heightFix" style="height: 2.5vh;"></image> 
							</view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;">
						</image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview">
								<view class="ytitle">请操作消防泵组电气柜手动停止消防水泵</view>
							</view>
							<view class="handleBtn">
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
								@click='explain(1)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>水泵房(1)
									</view>
									<view :class="curarea==2?'areaitem sitem':'areaitem'" @click="setarea(2)">
										<image class="aimg" :src="area3"></image>末端试水场景
									</view>
								</view>
								<view class="btnArea">
									<u-button 
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda11()">下一步</u-button>
									<u-button   @click="reset2()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>
						 


							<view v-if="isa2107" id="a2107" class="openiv" :style="{ left:a1107left,top:a1107top}"
								@tap="openimgview('10-8',2108)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa2108" id="a2108" class="openiv" :style="{ left:a2108left,top:a2108top}"
								@tap="openimgview('10-7',2107)">
								<image class="openi" :src="closeimg"></image>
							</view>





							<!--手自切换-->
							<view v-if="isa2108" id="a2area981" class="openiv redbg"
								:style="{ left:	bxb1l ,top:bxb1t ,width:bxb1w,height:bxb1h}" @tap="atom()">
							</view>
							<!--1泵停止-->
							<view v-if="isa2108" id="a2area982" class="openiv redbg"
								:style="{ left:	 bxb2l ,top: bxb2t,width:bxb2w,height:bxb2h}" @tap="stop1()">
							</view>
							<!--变化1-->
							<view v-if="is981  && isa2108 " id="a2icon4" class="openiv"
								:style="{ left:icon4l,top:icont1 ,width:iconw,height:iconh}">
								<image class="aimg openiv" :src="greenimg1"
									:style="{ left:icon4l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="is981 && isa2108 " id="a2icon5" class="openiv"
								:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="greenimg2"
									:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="is981  && isa2108 " id="a2icon6" class="openiv"
								:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="greenimg2"
									:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<!--变化2-->
							<view v-if="is982  && isa2108 " id="a2icon8" class="openiv"
								:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="redimg2"
									:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="is982  && isa2108 " id="a2icon12" class="openiv"
								:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="redimg2"
									:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}"></image>
							</view>






						</view>
					</view>

				</view>
				<view class="w100" v-if="curnum==12">
					<view class="taskTit">

						<view class="tasklfex">
							<view>{{questions[1]}}</view>
							<view class="stepbs"> 
							 <image :src="jd32" mode="heightFix" style="height: 2.5vh;"></image>  
							
							</view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;">
						</image>
					</view>
					<view class="myCard">
						<view class="cardContent">


							<view class="answerview">
								<view class="ytitle">请复位末端试水装置</view>

							</view>
							<view class="handleBtn">
							<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
																@click='explain(1)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>

									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>水泵房(1)
									</view>
									<view :class="curarea==2?'areaitem sitem':'areaitem'" @click="setarea(2)">
										<image class="aimg" :src="area3"></image>末端试水场景
									</view>
								</view>
								<view class="btnArea">
									<u-button 
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda12()">下一步</u-button>
									<u-button color="#1E90FF"  @click="reset3()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button color="#1E90FF"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>
						 



							<view v-if="isa12103" id="a1031" class="openiv" :style="{ left:a1103left,top:a1103top}"
								@tap="openimgview('10-7-1',12104)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa12104" id="a104c" class="openiv" :style="{ left:a2104cleft,top:a2104ctop}"
								@tap="openimgview('10-3',12103)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="isa12104" id="a1031" class="openiv redbg"
								:style="{ left:a2104bleft,top:a2104btop,width:a2104bw,height:a2104bh}"
								@tap="openimgview('10-4',12104)">

							</view>



						</view>
					</view>

				</view>
				<view class="w100" v-if="curnum==13">
					<view class="taskTit">
						<view class="tasklfex">
							<view>{{questions[1]}}</view>
							<view class="stepbs">
								 <image :src="jd33" mode="heightFix" style="height: 2.5vh;"></image> 
								 
								
								</view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;">
						</image>
					</view>
					<view class="myCard">
						<view class="cardContent">

							<view class="answerview">
								<view class="ytitle">请复位消防泵组电气柜</view>

							</view>
							<view class="handleBtn">

								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
								@click='explain(1)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>

									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>水泵房(1)
									</view>
									<view :class="curarea==2?'areaitem sitem':'areaitem'" @click="setarea(2)">
										<image class="aimg" :src="area3"></image>末端试水场景
									</view>
								</view>
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda13()">提交</u-button>
									<u-button color="#1E90FF"  @click="reset4()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button color="#1E90FF"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>


							<view v-if="isa3107" id="a2107" class="openiv" :style="{ left:a1107left,top:a1107top}"
								@tap="openimgview('10-8',3108)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa3108" id="a2108" class="openiv" :style="{ left:a2108left,top:a2108top}"
								@tap="openimgview('10-7',3107)">
								<image class="openi" :src="closeimg"></image>
							</view>



							<!--手自切换-->
							<view v-if="isa3108" id="a2area981" class="openiv redbg"
								:style="{ left:	bxb1l ,top:bxb1t ,width:bxb1w,height:bxb1h}" @tap="fwatom()">
							</view>
							<!--1泵停止-->
							<view v-if="isa3108" id="a2area982" class="openiv redbg"
								:style="{ left:	 bxb2l ,top: bxb2t,width:bxb2w,height:bxb2h}">
							</view>
							<!--变化1-->
							<view v-if="is984  && isa3108 " id="a2icon4" class="openiv"
								:style="{ left:icon4l,top:icont1 ,width:iconw,height:iconh}">
								<image class="aimg openiv" :src="greenimg1"
									:style="{ left:icon4l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="is984 && isa3108 " id="a2icon5" class="openiv"
								:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="greenimg2"
									:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="is984  && isa3108 " id="a2icon6" class="openiv"
								:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="greenimg2"
									:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<!--变化2-->
							<view v-if="    isa3108 " id="a2icon8" class="openiv"
								:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="redimg2"
									:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="    isa3108 " id="a2icon12" class="openiv"
								:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="redimg2"
									:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}"></image>
							</view>

						</view>
					</view> 
				</view> 
				<view class="w100" v-if="curnum==2">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;">
						</image>
					</view>
					<view class="myCard">
						<view class="cardContent">

							<view class="answerview1">
								<view class="ytitle">请判断消防水泵反馈状态</view>
								<view>
									<view>启动消防水泵后，判断消防水泵反馈状态</view>
									<radio-group @change="aChange2">
										<label class="ritem" v-for="item,index in answer3" :key="index">
											<view>
												<radio :value="item" :checked="da2 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
											</view>
										</label>
									</radio-group>
								</view>
							</view>
							<view class="handleBtn">
								<u-button v-if="examType==1"
								:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
								@click='explain(2)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>消防控制室
									</view>
									<view :class="curarea==2?'areaitem sitem':'areaitem'" @click="setarea(2)">
										<image class="aimg" :src="area3"></image>水泵房(1)
									</view>
								</view>
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda2()">提交</u-button>
									<u-button color="#1E90FF"  @click="reset5()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button color="#1E90FF"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>
							 
							<!--有一个报警的-->

							<view v-if="isa31015" id="a2107" class="openiv" :style="{ left:a11015lleft,top:a11015ltop}"
								@tap="openimgview('10-16',1016)">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa31015" id="a2107" class="openiv" :style="{ left:a110152left,top:a110152top}">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa31016" id="a102f2" class="openiv redbg"
								:style="{ left:f2left,top:f2top,width:f2w,height:f2h}" @tap="f22()">
							</view>
							<view v-if="isa31016" id="a102f6" class="openiv redbg"
								:style="{ left:f6left,top:f6top,width:f6w,height:f6h}" @tap="f62()">
							</view>


							<view v-if="iscreen2!=0 && isa31016" id="areaf12" class="openiv "
								:style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}">
								<image class="openi openiv"
									:style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}" :src="redimg1">
								</image>
							</view>
							<view v-if="iscreen2!=0 && isa31016" id="areaf22" class="openiv "
								:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}">
								<image class="openi openiv"
									:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}" :src="redimg1">
								</image>
							</view>
							<view v-if="iscreen2!=0 && isa31016" id="areaf32" class="openiv "
								:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}">
								<image class="openi openiv"
									:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}" :src="redimg1">
								</image>
							</view>


							<view v-if="isa31016" id="a2107" class="openiv ds"
								:style="{ left:a11016tleft,top:a11016ttop}">
								{{time}}
							</view>
							
							
							<view v-if="iscreen2!=0 && isa31016" id="areaf12" class="openiv "
								:style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}"  >
							<image class="openi openiv" :style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							<view v-if="iscreen2!=0 && isa31016" id="areaf22" class="openiv "
								:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}"  >
							<image class="openi openiv" :style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							<view v-if="iscreen2!=0 && isa31016" id="areaf32" class="openiv "
								:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}"  >
								<image class="openi openiv" :style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							</view>
							
							
							<view v-if="isa31016" id="a2107" class="openiv rem7"
								:style="{ left:a11016ileft,top:a11016itop}">
								<view class="flexcol">
									<view v-if="iscreen2==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen2==1" :style="{ width:stw,height:sth,color:'#fff'}">火警信息
									</view>
									<view v-if="iscreen2==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息
									</view>
									<view v-if="iscreen2==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息
									</view>

									<view class="flexrow">

										<view v-if="iscreen2==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>
										<view v-if="iscreen2==1" :style="{ width:siw,height:sbw,color:'#000'}">
											<text class="rtext">首警</text>
											{{stime1}}手报火警
											{{stime2}}感烟探测器火警
										</view>
										<view v-if="iscreen2==2" :style="{ width:siw,height:sbw,color:'#000'}">
											{{info}}
										</view>
										<view v-if="iscreen2==3" :style="{ width:siw,height:sbw,color:'#000'}">
											{{info}}
										</view>
										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动禁止
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen2==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页
										F3下一页 F6退出
									</view>
									<view v-if="iscreen2==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页
										F3下一页 F6退出
									</view>
								</view>
							</view>

							<view v-if="isa31016" id="a2107" class="openiv" :style="{ left:a11016cleft,top:a11016ctop}"
								@tap="openimgview('10-15',1015)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<!--openimgview('10-21',31021)-->
							<view v-if="isa31016" id="a2107" class="openiv" :style="{ left:a11016left,top:a11016top}"
								@tap="showDialog2()">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa31021" id="a31021c" class="openiv" :style="{ left:a1106cleft,top:a1106ctop}"
								@tap="openimgview('10-16',1016)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="iscreen2!=0 && isa31021" id="a3120" class="openiv rem7"
								:style="{left:a1106ileft,top:a1106itop,width:a1106iw,height:a1106ih,color:'#000'}">

							</view>

							<u-mask :show="showFlag2">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide2" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen2!=0">
											<view><text class="rtext">首警</text>
												{{stime1}}
												手报火警
											</view>
											<view>{{stime1}}消防水泵启动</view>
											<view> {{stime1}} {{isf62status?'消防水泵已反馈':'消防水泵未反馈'}}</view>
										</view>
									</view>
								</view>
							</u-mask>


							<view v-if="isa31017" id="a310171" class="openiv"
								:style="{ left:a110171left,top:a110171top}" @tap="openimgview('10-19',1019)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa31017" id="a3101712" class="openiv"
								:style="{ left:a110172left,top:a110172top}" @tap="openimgview('10-18',1018)">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa31018" id="a31081" class="openiv redbg"
								:style="{ left:a11018bleft,top:a11018btop,width:a11018bw,height:a11018bh}"
								@tap="playfire()">
							</view>

							<view v-if="isfire && isa31018" id="a31082" class="openiv"
								:style="{ left:a11018rleft,top:a11018rtop,width:a11018rw,height:a11018rh}">
								<image class="openi openiv" :src="red"
									:style="{ left:a11018rleft,top:a11018rtop,width:a11018rw,height:a11018rh}">
								</image>
							</view>

							<view v-if="isa31018" id="a31083" class="openiv" :style="{ left:a11018cleft,top:a11018ctop}"
								@tap="openimgview('10-17',1017)">
								<image class="openi" :src="closeimg"></image>
							</view>




							<view v-if="isa31019" id="a31091" class="openiv" :style="{ left:a11019cleft,top:a11019ctop}"
								@tap="openimgview('10-17',1017)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa31019" id="a2107" class="openiv redbg"
								:style="{ left:a11019bleft,top:a11019btop,width:a11019bw,height:a11019bh}"
								@tap="openimgview('0',1019)">

							</view>



						</view>
					</view>

				</view>


				<view class="w100" v-if="curnum==3">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;">
						</image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="handleBtn">
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
								@click='explain(3)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="senda3()">提交</u-button>
									<u-button @click="reset6()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}">重做</u-button>
									<u-button
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										@click="back()">返回</u-button>
								</view>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">

							</view>


							<view v-if="isa41022" id="a2107" class="openiv" :style="{ left:a110221left,top:a110221top}"
								@tap="openimgview('10-25',1025)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa41022" id="a2107" class="openiv" :style="{ left:a110222left,top:a110222top}"
								@tap="openimgview('10-24',1024)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa41022" id="a2107" class="openiv" :style="{ left:a110223left,top:a110223top}"
								@tap="openimgview('10-8',1023)">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa41023" id="a21047" class="openiv" :style="{ left:a2108left,top:a2108top}"
								@tap="openimgview('10-22',1022)">
								<image class="openi" :src="closeimg"></image>
							</view>



							<view v-if="  isa41024" id="a2107" class="openiv redbg" @tap="openimgview('0',1024)"
								:style="{ left:a11024bleft,top:a11024btop,width:a11024bw,height:a11024bh}">

							</view>

							<view v-if="isa41024" id="a2107" class="openiv" :style="{ left:a11024cleft,top:a11024ctop}"
								@tap="openimgview('10-22',1022)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<view v-if="isa41025" id="a2107" class="openiv redbg" @tap="openimgview('0',1025)"
								:style="{ left:a11025bleft,top:a11025btop,width:a11025bw,height:a11025bh}">

							</view>
							
							<view v-if="isa41025" id="a2107b2" class="openiv" :style="{ left:a41025btn2l,top:a41025btn2t,width:a41025btn2w,height:a41025btn2h}"
								@tap="openimgview('1',1025)">
								 
							</view>
							

							<view v-if="isa41025" id="a2107" class="openiv" :style="{ left:a11022cleft,top:a11022ctop}"
								@tap="openimgview('10-22',1022)">
								<image class="openi" :src="closeimg"></image>
							</view>
							
							


 


							<!--手自切换-->
							<view v-if="isa41023" id="a2area981" class="openiv redbg"
								:style="{ left:	bxb1l ,top:bxb1t ,width:bxb1w,height:bxb1h}" @tap="atom4()">
							</view>
							<!--1泵停止-->
							<view v-if="isa41023" id="a2area982" class="openiv redbg"
								:style="{ left:	 bxb2l ,top: bxb2t,width:bxb2w,height:bxb2h}" @tap="stop14()">
							</view>
							<!--变化1-->
							<view v-if="is9814  && isa41023 " id="a2icon4" class="openiv"
								:style="{ left:icon4l,top:icont1 ,width:iconw,height:iconh}">
								<image class="aimg openiv" :src="greenimg1"
									:style="{ left:icon4l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="is9814 && isa41023 " id="a2icon5" class="openiv"
								:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="greenimg2"
									:style="{ left:icon5l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="is9814  && isa41023 " id="a2icon6" class="openiv"
								:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="greenimg2"
									:style="{ left:icon6l,top:icont1 ,width:iconw,height:iconh}"></image>
							</view>
							<!--变化2-->
							<view v-if="is9824  && isa41023 " id="a2icon8" class="openiv"
								:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="redimg2"
									:style="{ left:icon8l,top:icont2 ,width:iconw,height:iconh}"></image>
							</view>
							<view v-if="is9824  && isa41023 " id="a2icon12" class="openiv"
								:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}">

								<image class="aimg openiv" :src="backimg"
									:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}"></image>
								<image class="aimg openiv" :src="redimg2"
									:style="{ left:icon12l,top:icont2 ,width:iconw,height:iconh}"></image>
							</view>



						</view>
					</view>


				</view>
				<u-mask :show="isexplain" @click="closeex" >
					<view class="wrapper" style="display: flex;align-items: center;justify-content: center;height:100%">
						<view class="block"
							style="width:400rpx;padding: 20rpx;box-sizing:border-box;background: #fff;font-size:2vh">
							<view class="overtitle" style="color: #000;">
								【试题解析】 正确答案
							</view>
							<view class="overtitle" style="color: #000;">
								<text>{{explaintext}}</text>
							</view>
						</view>
					</view>
				</u-mask>


			</view>

		</template>
	</sysJk>
</template>


<script>
	import sysJk from '@/components/sysJk.vue'
	import {
		fzQuestion
	} from '@/globalApi/requestApi.js'
	import {
		formatTime,
		getcurtime,
		screentime
	} from '@/util/index.js'
	export default {
		components: {
			sysJk
		},

		data() {
			const app = getApp();
			const baseUrl = app.globalData.requestUrl;

			return {
				widthBl:0,
				heightBl:0,
				lefttime: '360',

				time: '',
				info: '',
				iscreen1: 0, //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				iscreen2: 0,
				stime1: '',
				stime2: '',
				dfulltxt: '',
				dtimetxt: '',
				
				isf61status:false,
				isf62status:false,


				//f2
				f2left: 1130,
				f2top: 549,
				f2w: 82,
				f2h: 45,
				f2txt: ['F1查火警 F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈', 'F1页001 F2上一页 F3下一页     F6退出'],
				f2index: 0,

				//f6
				f6left: 1517,
				f6top: 549,
				f6w: 82,
				f6h: 45,

				stw: '479',
				sth: '28',
				sleft: "10",
				siw: '330',
				sih: '200',
				sbw: '146',
				sbh: "68",
				srtw: '138',
				srth: '30',
				srtt: '80',
				sitt: '15',
				s5w: "495",
				s5h: '25',


				infolist: '',
				examId: '',
				examType: 1,
				base: baseUrl,
				writeBox: null,
				writeBoxLeft: 0,
				writeBoxTop: 0,
				showFlag: false,
				showFlag2: false,
				bUrl: baseUrl + "/static/image/wb/10-1.jpg",
				openimg: baseUrl + "/static/image/open.png",
				redbtn: baseUrl + "/static/image/red.png",
				closeimg: baseUrl + "/static/image/close.png",
				questionsnum: 4, //题目数

				curnum: 0, //当前题目
				isarea: true,
				area1: baseUrl + "/static/image/wb/10-1.jpg",
				area2: baseUrl + "/static/image/wb/10-7.jpg",
				area3: baseUrl + "/static/image/wb/10-3.jpg",
				jd31:baseUrl+"/static/image/jd/j3-1.png",
				jd32:baseUrl+"/static/image/jd/j3-2.png",
				jd33:baseUrl+"/static/image/jd/j3-3.png",
				questions: ['【1/4】请进行自动喷水灭火系统连锁控制功能测试',
					'【2/4】请手动停止消防水泵、复位末端试水装置',
					'【3/4】请进行自动喷水灭火系统联动控制功能测试',
					'【4/4】请通过消防泵组电气柜手动停止消防水泵，进行复位操作',
				],
				red: baseUrl + "/static/image/red1.png",
				answer1: ['启动信号已发出设备未反馈', '启动信号已发出设备已反馈'],

				answer3: ['启动信号已发出设备未反馈', '启动信号已发出设备已反馈'],

				isarea: true,
				curarea: 0,
				redimg1: baseUrl + "/static/image/red.png", //实心
				redimg2: baseUrl + "/static/image/red2.png", //圈
				greenimg1: baseUrl + "/static/image/liang.png", //实心
				greenimg2: baseUrl + "/static/image/10-3-2.png", //圈
				backimg: baseUrl + "/static/image/back_.png", //黑的，档圈用
				/**
				 * 10-1

请操作末端试水装置，查看消防水泵动作情况

启动消防水泵后，判断消防水泵反馈状态
。启动信号已发出设备未反馈 
。启动信号已发出设备已反馈


10-2
请操作消防泵组电气柜手动停止消防水泵

请复位未端试水装置

请复位消防泵组电气柜


10-3
请判断消防水泵反馈状态
启动消防水泵后，判断消防水泵反馈状态
。启动信号已发出设备未反馈 
。启动信号已发出设备已反馈

				 */
				
				
				isa1101: true,
				isa1103: false,
				isa1a102: false,
				isa1104: false,

				isa1a106: false,

				//是否按了出水按钮
				is104btn: false,


				//10-1
				a11011lleft: 0, //	670
				a11011ltop: 0, // 485   //to102

				a1101l2left: 0, // 	890
				a1101l2top: 0, //		500


				//10-2
				a1102tleft: 0, //		420
				a1102ttop: 0, // 	190  //time

				a1102ileft: 0, //	 1165
				a1102itop: 0, //	 220  //信息


				a1102cleft: 0, // 	1700
				a1102ctop: 0, // 	160

				a1102left: 0, // 	740
				a1102top: 0, // 	720

				//10-3
				a1103left: 0, // 415
				a1103top: 0, // 660  //to104

				//10-4

				a1104cleft: 0, // 	1050
				a1104ctop: 0, // 	300

				a1104bleft: 0, //	765
				a1104btop: 0, //	570
				a1104bw: 0, //	168
				a1104bh: 0, //	110   //to  少图

				//10-6
				a1106cleft: 0, //1250
				a1106ctop: 0, //160

				a1106ileft: 0, //865
				a1106itop: 0, //200
				a1106iw: 0, //350
				a1106ih: 0, //656




				//2222222222222---11111

				isa2107: false,
				isa2108: false,

				is981: false,
				is982: false,
				is984: true,


				is9814: false,
				is9824: false,



				
				

				//10-7
				a1107left: 0, // 1390 
				a1107top: 0, // 710  //to108

				//10-8
				a2104cleft: 0, //	 	1500
				a2104ctop: 0, // 	130  //to107

				a2108left: 0, // 1540 柜子关按钮
				a2108top: 0, // 120 
				//还有其它按钮

				/////////22--22222
				isa3107: false,
				isa3108: false,



				isa12103: false,
				isa12104: false,
				//10-10

				a11010left: 0, // 485
				a11010top: 0, //  810

				//10- 11 图不对
				a11011cleft: 0, //	1000
				a11011ctop: 0, //	380  //to1011


				a2104bleft: 0, //	820
				a2104btop: 0, //	585
				a2104bw: 0, //	116
				a2104bh: 0, //	110   //to  少图 流水和关闭

				////2222------3333
				//10-13
				a1113left: 0, //	1400
				a1113top: 0, //	700  //1014
				//10-14
				a21011cleft: 0, //	1500
				a21011ctop: 0, //	130  //to1013
				//还有其它按钮

				/////33333333
				isa31015: false,
				isa31016: false,
				isa31017: false,
				isa31018: false,
				isa31019: false,
				isa31021: false,

				//10-15
				a11015lleft: 0, //	670
				a11015ltop: 0, //  485   //to1016

				a110152left: 0, //	890
				a110152top: 0, //		500

				//10-16
				a11016tleft: 0, //	420
				a11016ttop: 0, // 	190  //time

				a11016ileft: 0, //	 1165
				a11016itop: 0, //	 220  //信息


				a11016cleft: 0, //	1700
				a11016ctop: 0, // 	160

				a11016left: 0, //	740
				a11016top: 0, //	720

				//10-17

				a110171left: 0, //	575
				a110171top: 0, //	700  //to1019

				a110172left: 0, //1175
				a110172top: 0, //	590   //to1018
				//10-18
				a11018bleft: 0, //	998
				a11018btop: 0, //	470   //发声音
				a11018bw: 0, //	50
				a11018bh: 0, // 50

				a11018rleft: 0, //	998
				a11018rtop: 0, //	470   //发声音
				a11018rw: 0, //	50
				a11018rh: 0, // 50

				a11018cleft: 0, //	1200
				a11018ctop: 0, //	280   //to1017

				//1019
				a11019cleft: 0, //	1120
				a11019ctop: 0, //	160   //to1017

				a11019bleft: 0, //	750
				a11019btop: 0, // 	300   //to10191 切换
				a11019bw: 0, // 135
				a11019bh: 0, //	100

				//1021


				/////////4444444444444

				isa41022: false,
				isa41023: false,
				isfw4: false, //1025 复位
				isfw5: false, //10252 复位
				isa41024: false,
				isa41025: false,
				//1022
				
				
				
				

				a110221left: 0, // 570
				a110221top: 0, // 690  //to1025

				a110222left: 0, // 1180
				a110222top: 0, //600   //1024

				a110223left: 0, //1400
				a110223top: 0, //690  //1023

				//1023


				a11024cleft: 0, //	1500
				a11024ctop: 0, //	130   //to1022
				//1024

				a11024bleft: 0, // 1000
				a11024btop: 0, //480
				a11024bw: 0, //45
				a11024bh: 0, // 45

				a11024cleft: 0, // 	1200
				a11024ctop: 0, // 	280   //to1022
				//1025

				a11025bleft: 0, //820
				a11025btop: 0, // 230
				a11025bw: 0, // 100
				a11025bh: 0, //180

				a11025bleft: 804,
				a11025btop: 166,
				a11025bw: 100,
				a11025bh: 144,
				
				
				a41025btn2l:962,
				a41025btn2t:49,
				a41025btn2w:118,
				a41025btn2h:198,






				a11022cleft: 0, //	1200
				a11022ctop: 0, //	160   //to1022


				a2107left: 0, //	1340
				a2107top: 0, //		690

				/////
				//手自按钮
				bxb1l: 1365,
				bxb1t: 287,
				bxb1w: 74,
				bxb1h: 88,
				//1泵停止
				bxb2l: 1170,
				bxb2t: 420,
				bxb2w: 74,
				bxb2h: 88,

				//图标，上下两组
				iconw: 63,
				iconh: 63,
				icon1l: 567,
				icon2l: 651,
				icon3l: 735,
				icon4l: 809,
				icon5l: 893,
				icon6l: 967,
				icon7l: 1041,
				icont1: 108,

				icont2: 546,
				icon8l: 646,
				icon9l: 714,
				icon10l: 790,
				icon11l: 872,
				icon12l: 965,

				//屏图标宽高
				sciconw: 20,
				sciconh: 20,


				//自动方式
				aiconl: 430,
				aicont: 353,

				//手动方式
				miconl: 430,
				micont: 390,

				//火警
				ficonl: 649,
				ficont: 137,


				//启动
				siconl: 824,
				sicont: 139,

				//反馈
				iiconl: 824,
				iicont: 289,
				////


				isfire: false,
				innerAudioContext: uni.createInnerAudioContext(),
				jb: baseUrl + "/static/image/jb.MP3",
				quest: {
					fz_id: 2,
					title: '',
					no: "",
					question_type: 1,
					user_answer: '',
					answer: '',
					is_correct: '',
					score: '',
					start_time: 0,
					end_time: 0,
					question_answer: ''
				},
				
				score1	:0, //1
				
				score2:0  ,//1
				score21:0,
				score22:0,
				score23:0,
				
				score3 :0 ,//1
				score4  :0,//1
				
				is1019:false,
				isf22:false,
				isf62:false,

				explainarr: [
					'连锁测试是直接打开末端，水流会导致管道上的压力开关流量开关等设备动作，从而直接启动水泵，视为连锁启动。所以这题目直接确保水泵控制柜自动状态，开末端就能完成连锁。再回来主机查启动，查反馈，点打印机，完成答题\r\n\r\n正确答案：根据反馈状态选择，两种情况都有可能',
					'水泵控制柜，切手动，点停泵 下一步关闭末端。下一步水泵控制柜转为自动',
					'联动测试，按手报触发报警，警铃测试阀打开排水。操作完成回到主机查启动，查反馈。点打印机，选答案 \r\n\r\n正确答案：根据反馈状态选择，两种情况都有可能',
					'先手动，停泵。最重要的复位，需要整体全部复位，先是手报复位，复位警铃测试阀，复位泄水阀，最后控制柜打回自动。'
				],
				isexplain: false,
				explaintext: '',
				tH: 0,

				isa22close: true, //2，2状态
				da1:'',
				da2:'',
			}
		},
		onLoad(options) {
			uni.setScreenBrightness({
				keepScreenOn: true,
				direction: 'landscape',
				success() {
					console.log("a")
				}
			})
			let that = this;
			// uni.getSystemInfo({
			// 	success: function(res) {
			// 		console.log(res)
			// 		// uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
			// 		that.tH = uni.getMenuButtonBoundingClientRect().height + uni
			// 			.getMenuButtonBoundingClientRect().top * 2 + 21
			// 		//that.tH=85 
			// 		that.drawWhiteBox()
			// 	}
			// });
			let df = new Date()
			let m = df.getMonth() + 1
			this.dfulltxt = df.getFullYear() + "/" + m + df.getDate()

			let h1 = df.getHours()
			let m1 = df.getMinutes()
			this.time = h1 + ":" + m1
			setInterval(() => {
				let df1 = new Date()
				that.dtimetxt = df1.getHours() + ":" + df1.getMinutes() + ":" + df1.getSeconds()
			}, 1000)
			setInterval(() => {

				that.time = getcurtime()
			}, 20000)
			this.examId = options.examId
			this.examType = options.examType
			var writeBox = uni.createSelectorQuery().in(this).select('.imgview')
			writeBox.boundingClientRect(data => {
				this.writeBox = data
			}).exec()
		},
		onReady() {
			let that = this;
			  // #ifdef MP-WEIXIN
			  uni.getSystemInfo({
				success: function(res) {
				  console.log(res)
				  // uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
				  that.tH = uni.getMenuButtonBoundingClientRect().height + uni
					  .getMenuButtonBoundingClientRect().top * 2 + 21
				  //that.tH=85
				  that.drawWhiteBox()
				}
			  });
			  // #endif

			 // #ifdef APP-PLUS
				 let sy = uni.getSystemInfoSync()
				  this.pT = sy.statusBarHeight
					this.tH = sy.statusBarHeight+51
					   that.drawWhiteBox(this.tH)

				  // #endif
		},
		methods: {
			back() {
				this.innerAudioContext.stop()
				uni.navigateBack()
			},
			explain(id) {
				this.isexplain = true;
				this.explaintext = this.explainarr[id]

			},
			closeex() {
				this.isexplain = false
			},
			f21() {
				if (this.iscreen1 == 1) {
					this.iscreen1 = 2 //f2状态
					this.info = this.stime1 + '消防水泵 启动\r\n'
				}
			},
			f61() {
				//f6状态
				if (this.iscreen1 == 2) { //	//退出
					this.iscreen1 = 1
				} else if (this.iscreen1 == 1) { //反馈
					this.iscreen1 = 3
					if(this.isf61status){
						this.info = this.stime1 + '消防水泵 已反馈\r\n'
					}else{
						this.info = this.stime1 + '消防水泵 未反馈\r\n'
					}
					

				} else if (this.iscreen1 == 3) {
					this.iscreen1 = 1
					//退出
				}
			},
			f22() {
				if (this.iscreen2 == 1) {
					this.iscreen2 = 2 //f2状态 
					this.isf22=true
					this.info = this.stime1 + '消防水泵 启动\r\n'
				}
			},
			f62() {
				//f6状态
				if (this.iscreen2 == 2) { //	//退出
					this.iscreen2 = 1
				} else if (this.iscreen2 == 1) { //反馈
					this.iscreen2 = 3
					this.isf62=true
					if(this.isf62status){
						this.info = this.stime1 + '消防水泵已反馈\r\n'
					}else{
						this.info = this.stime1 + '消防水泵未反馈\r\n'
					}
					

				} else if (this.iscreen1 == 3) {
					this.iscreen1 = 1
					//退出
				}
			},

			plays(){
				this.innerAudioContext.src = this.jb;
				this.innerAudioContext.loop=true
				this.innerAudioContext.onPlay(() => {
					console.log('开始播放');
				});
				this.innerAudioContext.onError((res) => {
					console.log(res.errMsg);
					console.log(res.errCode);
				});
				console.log(this.innerAudioContext.paused)
				if (this.innerAudioContext.paused == true) {
					this.innerAudioContext.play();
				} else {
					console.log("stop")
					this.innerAudioContext.stop();
				}
			},
			stops(){
				this.innerAudioContext.src = this.jb;
				this.innerAudioContext.loop=false
					this.innerAudioContext.stop();

			},
			playfire() {
				this.isfire = true
				this.isf62status=Math.random()>0.5
				this.innerAudioContext.src = this.jb;
				this.innerAudioContext.loop=true
				this.innerAudioContext.onPlay(() => {
					console.log('开始播放');
				});
				this.innerAudioContext.onError((res) => {
					console.log(res.errMsg);
					console.log(res.errCode);
				});
				console.log(this.innerAudioContext.paused)
				if (this.innerAudioContext.paused == true) {

					console.log("play")

					this.innerAudioContext.play();
				} else {
					console.log("stop")
					this.innerAudioContext.stop();
				}
			},
			aChange(e){
				this.da1=e.detail.value
			},
			aChange2(e){
				this.da2=e.detail.value
			},
			//切换场景
			setarea(id) {
				this.curarea = id
				if (this.curnum == 0) {
					if (id == 0) {
						this.isa1101 = true;
						this.isa1103 = false;

						this.isa1a102 = false;
						this.isa1104 = false;
						this.isa1a106 = false
						this.bUrl = this.base + "/static/image/wb/10-1.jpg"
					}
					if (id == 1) {
						this.isa1103 = false;
						this.isa1101 = false;
						this.isa1a102 = false;
						this.isa1104 = false;
						this.isa1a106 = false
						this.bUrl = this.base + "/static/image/wb/10-7.jpg"
					}
					if (id == 2) {
						this.isa1103 = true;
						this.isa1101 = false;
						this.isa1a102 = false;
						this.isa1104 = false;
						this.isa1a106 = false
						this.bUrl = this.base + "/static/image/wb/10-3.jpg"
					}
				}
				if (this.curnum == 11) {
					if (id == 1) {
						this.isa2107 = true
						this.isa2108 = false

						this.bUrl = this.base + "/static/image/wb/10-7.jpg"
					}
					if (id == 2) {
						this.isa2107 = false
						this.bUrl = this.base + "/static/image/wb/10-3.jpg"
					}
				}
				if (this.curnum == 12) {
					if (id == 1) {
						this.isa12103 = false
						this.bUrl = this.base + "/static/image/wb/10-7.jpg"
					}
					if (id == 2) {
						this.isa12103 = true
						this.bUrl = this.base + "/static/image/wb/10-3.jpg"
					}
				}
				if (this.curnum == 13) {

					if (id == 1) {
						this.isa3107 = true
						this.bUrl = this.base + "/static/image/wb/10-7.jpg"
					}
					if (id == 2) {
						this.isa3107 = false
						this.bUrl = this.base + "/static/image/wb/10-3.jpg"
					}
				}

				if (this.curnum == 2) {
					if (id == 1) {
						this.isa31015 = true
						this.isa31017 = false
						this.bUrl = this.base + "/static/image/wb/10-15.jpg"
					}
					if (id == 2) {
						this.isa31017 = true
						this.isa31015 = false
						this.bUrl = this.base + "/static/image/wb/10-17.jpg"
					}
				}
				if (this.curnum == 3) {}

			},
			reset(){
				this.	iscreen1= 0 //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				this.	iscreen2= 0
				this.	isarea= true
				this.	isarea= true
				this.	curarea= 0
				this.	isa1101= true
				this.	isa1103= false
				this.	isa1a102= false
				this.	isa1104= false
					
				this.	isa1a106= false
				this.	is104btn= false
				this.	isa2107= false
				this.	isa2108= false
					
				this.	is981= false
				this.	is982= false
				this.	is984= true
					
				this.	isa3107= false
				this.	isa3108= false
					
					
					
				this.	isa12103= false
				this.	isa12104= false
				this.	is9814= false
				this.	is9824= false
				this.	isa31015= false
				this.	isa31016= false
				this.	isa31017= false
				this.	isa31018= false
				this.	isa31019= false
				this.	isa31021= false
				this.	isa41022= false
				this.	isa41023= false
				this.	isfw4= false //1025 复位
				this.	isfw5= false //10252 复位
				this.	isa41024= false
				this.	isa41025= false
				this.	is1019=false
				this.	isf22=false
				this.	isf62=false
			},
			reset1(){
			this.	reset()
			this.isf61status=false
				let that = this
					this.innerAudioContext.stop()
				 that.da1=""  
				  that.is104btn=false 
				   
				  that.curnum = 0
				  that.isarea=true
				  that.setarea(0)
				 
			},
			reset2(){
				this.reset()
				let that = this
					this.innerAudioContext.stop()
				that.isa22close=true 
				that.curnum = 11
				that.isarea = true
				  that.is104btn=true 
				that.curarea = 1
				that.isa2107 = true
				that.bUrl = that.base + "/static/image/wb/10-7.jpg"
				 
			},
			reset3(){
				this.reset()
				 let that = this
				this.innerAudioContext.stop()
				that.curnum = 12
				that.isa22close=true
				that.curarea = 2
				that.isarea = true
				that.isa12103 = true
				
				that.bUrl = that.base + "/static/image/wb/10-3.jpg"
			},
			reset4(){
			this.	reset()
				let that = this
				this.innerAudioContext.stop()
				that.curnum = 13
				that.isarea = true
				that.curarea = 1
				that.isa3107 = true
				that.isa22close=true
				that.bUrl = that.base + "/static/image/wb/10-7.jpg"
			},
			reset5(){
			this.	reset()
			this.innerAudioContext.stop()
				let that = this
				that.da2=""
				that.isf62status=false
			that.curnum = 2
			that.isarea = true
			that.isfire=false
			that.setarea(1)
			that.isa31015 = true

			that.bUrl = that.base + "/static/image/wb/10-15.jpg"
			that.area2 = that.base + "/static/image/wb/10-15.jpg"
			that.area3 = that.base + "/static/image/wb/10-17.jpg"
			},
			reset6(){
			this.	reset()
				let that = this
				this.	plays()
				that.curnum = 3
				that.isa41022 = true
				that.bUrl = that.base + "/static/image/wb/10-22.jpg"
				that.isfire = true
				 
			},

			senda1() {
				this.innerAudioContext.stop()
				/**
				 * 【1/4】请进行自动喷水灭火系统连锁控制功能测试【1】
									请操作末端试水装置，查看消防水泵动作情况
									启动消防水泵后，判断消防水泵反馈状态
									启动信息已发出设备未反馈
									启动信号已发出设备已反馈
									【反馈未反馈两种情况】
				 */
				let that = this
				if(this.da1=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da1=="启动信号已发出设备已反馈" && that.isf61status && that.is104btn==true ){
					that.score1=1
				}else if(that.da1=="启动信号已发出设备未反馈" && that.isf61status==false && that.is104btn==true){
					that.score1=1
				}else{
					that.score1=0
				}
				this.$showModal2({
					title: '确认提交？'+that.score1 ,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 11
							that.isarea = true
							that.curarea = 1
							that.isa2107 = true
							that.bUrl = that.base + "/static/image/wb/10-7.jpg"

				}); 
			},
			senda11() {
				this.innerAudioContext.stop()
				/***
				【2/4】请手动停止消防水泵，复位末端试水装置【1】
				（分两步）
				请操作消防泵组电气控制柜，手动停止消防水泵
				请复位末端试水装置
				*/
				let that = this
				//
				if(that.is981 && that.is982){
					that.score21=0.5
				}
				this.$showModal2({
					title: '确认提交？' ,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 12
							that.curarea = 2
							that.isarea = true
							that.isa12103 = true

							that.bUrl = that.base + "/static/image/wb/10-3.jpg"

				});

			},
			senda12() {
				this.innerAudioContext.stop()
				let that = this
				if(that.isa22close==false){
					that.score22=0.3
				}	
				this.$showModal2({
					title: '确认提交？' ,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 13
							that.isarea = true
							that.curarea = 1
							that.isa3107 = true
							that.bUrl = that.base + "/static/image/wb/10-7.jpg"

				});

			},
			senda13() {
				this.innerAudioContext.stop()
				let that = this
				if(that.is984==false){
					that.score23=0.2
				}
				this.$showModal2({
					title: '确认提交？' ,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 2
							that.isarea = true
							that.isa31015 = true
							that.bUrl = that.base + "/static/image/wb/10-15.jpg"
							that.area2 = that.base + "/static/image/wb/10-15.jpg"
							that.area3 = that.base + "/static/image/wb/10-17.jpg"

				});

			},
			senda2() {
				/**
				 * 	
									【3/4】请进行自动喷水灭火系统联动控制功能测试【1】
									请判断消防水泵的启动状态
									启动消防水泵后判断消防水泵的反馈状态
									启动信息已发出设备未反馈
									启动信号已发出设备已反馈
									【反馈未反馈两种情况】
									手报+末端，三个触发
				 */
				let that = this
				this.innerAudioContext.stop()
				if(this.da2=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if( that. is1019   && that.isf62status &&that.da2=="启动信号已发出设备已反馈"){
					that.score3=1
				}else if(that. is1019   && that.isf62status==false &&that.da2=="启动信号已发出设备未反馈"){
						that.score3=1
				}else{
					that.score3=0
				}
				 
				this.$showModal2({
					title: '确认提交？' ,
					// content: '这是一个模态弹窗',

				}).then(()=>{

							that.curnum = 3
							that.isa41022 = true
								that.plays()
							that.bUrl = that.base + "/static/image/wb/10-22.jpg"
							that.isfire = true

				});

			},
			senda3() {
				/**
				 * 【4/4】请通过消防泵组电气控制柜停止消防水泵，进行复位操作。【1】
				 */
				let that = this
				//if(that.isfire ==false && that.isfw4&& that.isfw5 && that.is9814 &&that.is9824){
				if(that.isfire ==false && that.isfw4&& that.isfw5   &&that.is9824){
					that.score4=1
				} 
				let ss=that.score1+that.score21+that.score22+that.score23+that.score3+that.score4
				this.innerAudioContext.stop()
				this.$showModal2({
					title: '确认提交？' ,
					// content: '这是一个模态弹窗',

				}).then(()=>{
							uni.showLoading({})
							fzQuestion(that.quest).then(res => {
								let pages = getCurrentPages()
								if(pages.length==4){
									let prevPage = pages[pages.length - 3] 
									prevPage.$vm.status10 = true
									prevPage.$vm.addScore(ss)
									uni.navigateBack()
								}else{
									let prevPage = pages[pages.length - 2]
									prevPage.$vm.status10 = true
									prevPage.$vm.addScore(ss) 
									uni.navigateBack()
								} 
							})

				});
				// uni.showToast({
				// 	title: '提交后不可修改',
				// 	success() {
				// 		setTimeout(() => {
				// 			uni.navigateBack()
				// 		}, 500)

				// 	}
				// })

				/**
				 * 
				 * 10湿式、干式自动喷水灭火系统连锁控制和联动功能测试【4】
									场景
									
									
								
									
									
								score1	 //1
								
								score2  //1
								score3  //1
								score4  //1
									
				 * 
*/
			},
			atom() {
				console.log("ato")
				//5,6 变圈
				//4变实心
				this.is981 = true
			},

			fwatom() {
				//复位上面的
				this.is984 = false
			},

			stop1() {
				console.log("ato")
				//8 12 变圈
				if(	this.is981){
				this.is982 = true}
			},
			atom4() {
				console.log("ato")
				//8 12 变圈
				 
				this.is9814 = !this.is9814 
				
				
				
			//	is9824
			},
			stop14() {
				console.log("ato")
				//8 12 变圈
				if(	this.is9814){
				this.is9824 = true}
			},
			openimgview(path, lb) {
				this.isarea = false
				this.isa1area1 = false
				this.isa1area2 = false
				this.time = getcurtime()
				this.bUrl = this.base + "/static/image/wb/" + path + ".jpg";
				switch (lb) {
					case 101:
						this.isa1101 = true;
						this.isa1a102 = false;
						this.isa1a106 = false;

						this.isarea = true
						break;
					case 103:
						this.isa1103 = true;

						this.isa1104 = false;
						this.isarea = true
						break;
					case 102:

						this.isa1a102 = true;
						this.isa1101 = false;
						this.isa1a106 = false;

						break;
					case 106:
						this.isa1a106 = true;
						this.isa1a102 = false;
						break;
					case 104:
						//按下出水 ,判断是否按了钮


						if (path == 0) {
							this.is104btn = !this.is104btn;
							if (this.is104btn) {
								this.iscreen1 = 1
								this.isf61status=Math.random()>0.5

								this.stime1 = screentime()
								this.bUrl = this.base + "/static/image/jk/10-7-1.jpg";
							}
							if (!this.is104btn) {
								this.bUrl = this.base + "/static/image/wb/10-4.jpg";
							}
						}
						if (this.is104btn) {
							this.bUrl = this.base + "/static/image/jk/10-7-1.jpg";
						}

						//这个按钮得分 
						this.isa1104 = true;
						this.isa1103 = false;

						break;
					case 2107:
						this.isa2107 = true
						this.isa2108 = false
						this.isarea = true
						break;
					case 2108:
						this.isa2107 = false
						this.isa2108 = true
						break;

					case 12103:
						this.isa12103 = true
						this.isa12104 = false
						this.isarea = true
						break;
					case 12104:
						if (path == '10-4') {
							this.isa22close = false
						}
						if (this.isa22close == true) {
							this.bUrl = this.base + "/static/image/jk/" + "10-7-1" + ".jpg";
						} else {
							this.bUrl = this.base + "/static/image/wb/" + "10-4" + ".jpg";
						}
						this.isa12103 = false
						this.isa12104 = true
						break;

					case 3107:
						this.isa3107 = true
						this.isa3108 = false
						this.isarea = true
						break;
					case 3108:
						this.isa3107 = false
						this.isa3108 = true
						break;

					case 1022:
						this.isa41022 = true
						this.isa41023 = false
						this.isa41024 = false
						this.isa41025 = false
						break;
					case 1023:
						this.isa41023 = true
						this.isa41022 = false
						break;
					case 1024:
						//复位火
						this.isa41024 = true
						this.isa41022 = false

						if (path == "0") {
							this.isfire = false
								this.innerAudioContext.stop();
						}
						if (this.isfire) {
							this.bUrl = this.base + "/static/image/wb/" + "10-24" + ".jpg";
						} else {
							this.bUrl = this.base + "/static/image/wb/" + "10-18" + ".jpg";
						}

						break;
					case 1025:
						this.isa41025 = true
						this.isa41022 = false

						if (path == 0) {
							console.log("stop ")
							this.isfw4 = true;
								this.innerAudioContext.stop();
								this.stops()
						}
						if (path == 1) {
							console.log("stop ")
							this.innerAudioContext.stop();
							this.isfw5 = true;
							this.stops()
						}
						
						if(this.isfw4 && this.isfw5 ){
							this.bUrl = this.base + "/static/image/wb/" + "10-19" + ".jpg";
						}else if (this.isfw4) {
							this.bUrl = this.base + "/static/image/wb/" + "10-25-1" + ".jpg";
						}  else if(this.isfw5){
							this.bUrl = this.base + "/static/image/wb/" + "10-19-1" + ".jpg";
						}else {
							this.bUrl = this.base + "/static/image/wb/" + "10-25" + ".jpg";
						}
						
						break;
					case 1015:
						this.isa31015 = true
						this.isa31016 = false
						this.isarea = true
						break;
					case 1016:
						this.isa31016 = true

						this.isa31015 = false
						this.isa31021 = false
						break;
					case 1017:
						this.isa31017 = true

						this.isarea = true
						this.isa31018 = false
						this.isa31019 = false
						break;
					case 1018:
						this.isa31018 = true
						this.isa31017 = false

						break;
						
					case 1019:
						//切换 
						if (path == 0) {
							this.is1019=true
							this.iscreen2 = 1
							this.stime1 = screentime()
						}
						if (this.iscreen2 == 0) {
							this.bUrl = this.base + "/static/image/wb/" + "10-19" + ".jpg";
						} else
						if (this.iscreen2 == 1) {
							this.bUrl = this.base + "/static/image/wb/" + "10-19-1" + ".jpg";
						}
						this.isa31019 = true
						this.isa31017 = false

						break;

					case 31021:
						this.isa31016 = false
						this.isa31021 = true
						break;
				}
			},

			f2() {
				this.f2index = 1
				this.info = this.dtstr + this.time1 + '排烟风机启动\r\n'
				this.info = this.info + this.dtstr + this.time1 + '排烟口启动'

			},
			f6() {
				this.f2index = 0
				this.info = this.dtstr + this.time1 + '排烟风机已反馈\r\n'
				this.info = this.info + this.dtstr + this.time1 + '排烟口已反馈'

			},

			showDialog() {
				this.showFlag = true
			},
			onClickHide() {
				this.showFlag = false
			},
			showDialog2() {
				this.showFlag2 = true
			},
			onClickHide2() {
				this.showFlag2 = false
			},
			drawWhiteBox(statusnum) {

				let that = this
				let warp = uni.createSelectorQuery().in(this).select('.imgview')

				warp.boundingClientRect(data => {



					let widthBl = data.width / 1920
					let sy = uni.getSystemInfoSync()
					let heightBl = 0

					heightBl = (data.height - that.tH) / 921
					that.widthBl=widthBl
					that.heightBl=heightBl

					that.a11011lleft = 670 * widthBl + 'px'
					that.a11011ltop = 490 * heightBl + statusnum + 'px' //to102

					that.a1101l2left = 890 * widthBl + 'px'
					that.a1101l2top = 490 * heightBl + statusnum + 'px'


					//10-2
					that.a1102tleft = 420 * widthBl + 'px'
					that.a1102ttop = 90 * heightBl + statusnum + 'px' //time

					that.a1102ileft = 1130 * widthBl + 'px'
					that.a1102itop = 96 * heightBl + statusnum + 'px' //信息


					that.a1102cleft = 1700 * widthBl + 'px'
					that.a1102ctop = 120 * heightBl + statusnum + 'px'

					that.a1102left = 740 * widthBl + 'px'
					that.a1102top = 660 * heightBl + statusnum + 'px'

					//10-3
					that.a1103left = 495 * widthBl + 'px'
					that.a1103top = 700 * heightBl + statusnum + 'px' //to104

					//10-4

					that.a1104cleft = 1050 * widthBl + 'px'
					that.a1104ctop = 150 * heightBl + statusnum + 'px'

					that.a1104bleft = 765 * widthBl + 'px'
					that.a1104btop = 500 * heightBl + statusnum + 'px'
					that.a1104bw = 168 * widthBl + 'px'
					that.a1104bh = 110 * heightBl + 'px' //to  少图 jk10-7-1


					//10-6	
					that.a1106cleft = 1250 * widthBl + 'px'
					that.a1106ctop = 86 * heightBl + statusnum + 'px'

					that.a1106ileft = 865 * widthBl + 'px'
					that.a1106itop = 110 * heightBl + statusnum + 'px'
					that.a1106iw = 350 * widthBl + 'px'
					that.a1106ih = 656 * heightBl + 'px'


					//2222222222222---11111

					//10-7
					that.a1107left = 1340 * widthBl + 'px'
					that.a1107top = 620 * heightBl + statusnum + 'px' //to108

					//	a2107left:0, //	1340
					//	a2107top:0,//		690

					//10-8
					that.a2104cleft = 1050 * widthBl + 'px'
					that.a2104ctop = 190 * heightBl + statusnum + 'px' //to107
					//还有其它按钮

					that.a2108left = 1540 * widthBl + 'px' // 1540 柜子关按钮
					that.a2108top = 120 * heightBl + statusnum + 'px' //  120

					/////////22--22222

					//10-10

					that.a11010left = 485 * widthBl + 'px'
					that.a11010top = 720 * heightBl + statusnum + 'px'

					//10- 11 图不对
					that.a11011cleft = 1000 * widthBl + 'px'
					that.a11011ctop = 170 * heightBl + statusnum + 'px' //to1011


					that.a2104bleft = 820 * widthBl + 'px'
					that.a2104btop = 405 * heightBl + statusnum + 'px'
					that.a2104bw = 116 * widthBl + 'px'
					that.a2104bh = 210 * heightBl + 'px' //to  少图 流水和关闭

					////2222------3333
					//10-13
					that.a1113left = 1400 * widthBl + 'px'
					that.a1113top = 600 * heightBl + statusnum + 'px' //1014
					//10-14
					that.a21011cleft = 1500 * widthBl + 'px'
					that.a21011ctop = 110 * heightBl + statusnum + 'px' //to1013
					//还有其它按钮

					/////33333333


					//10-15
					that.a11015lleft = 670 * widthBl + 'px'
					that.a11015ltop = 495 * heightBl + statusnum + 'px' //to1016  

					that.a110152left = 890 * widthBl + 'px'
					that.a110152top = 490 * heightBl + statusnum + 'px'

					//10-16
					that.a11016tleft = 420 * widthBl + 'px'
					that.a11016ttop = 90 * heightBl + statusnum + 'px' //time

					that.a11016ileft = 1130 * widthBl + 'px'
					that.a11016itop = 96 * heightBl + statusnum + 'px' //信息


					that.a11016cleft = 1700 * widthBl + 'px'
					that.a11016ctop = 70 * heightBl + statusnum + 'px'

					that.a11016left = 740 * widthBl + 'px'
					that.a11016top = 660 * heightBl + statusnum + 'px'

					//10-17

					that.a110171left = 575 * widthBl + 'px'
					that.a110171top = 620 * heightBl + statusnum + 'px' //to1019

					that.a110172left = 1175 * widthBl + 'px'
					that.a110172top = 510 * heightBl + statusnum + 'px' //to1018
					//10-18
					that.a11018bleft = 998 * widthBl + 'px'
					that.a11018btop = 400 * heightBl + statusnum + 'px' //发声音 
					that.a11018bw = 50 * widthBl + 'px'
					that.a11018bh = 50 * heightBl + 'px'


					that.a11018rleft = 980 * widthBl + 'px'
					that.a11018rtop = 366 * heightBl + statusnum + 'px' //365
					that.a11018rw = 20 * widthBl + 'px'
					that.a11018rh = 20 * heightBl + 'px'

					that.a11018cleft = 1200 * widthBl + 'px'
					that.a11018ctop = 160 * heightBl + statusnum + 'px' //to1017

					//1019
					that.a11019cleft = 1120 * widthBl + 'px'
					that.a11019ctop = 80 * heightBl + statusnum + 'px' //to1017

					that.a11019bleft = 725 * widthBl + 'px'
					that.a11019btop = 240 * heightBl + statusnum + 'px' //to10191 切换

					that.a11019bw = 135 * widthBl + 'px'
					that.a11019bh = 100 * heightBl + 'px'

					/////////4444444444444
					//1022

					that.a110221left = 570 * widthBl + 'px'
					that.a110221top = 540 * heightBl + statusnum + 'px' //to1025

					that.a110222left = 1180 * widthBl + 'px'
					that.a110222top = 440 * heightBl + statusnum + 'px' //1024

					that.a110223left = 1400 * widthBl + 'px'
					that.a110223top = 610 * heightBl + statusnum + 'px' //1023

					//1023


					that.a11024cleft = 1500 * widthBl + 'px'
					that.a11024ctop = 100 * heightBl + statusnum + 'px' //to1022
					//1024

					that.a11024bleft = 1000 * widthBl + 'px'
					that.a11024btop = 400 * heightBl + statusnum + 'px'
					that.a11024bw = 45 * widthBl + 'px'
					that.a11024bh = 45 * heightBl + 'px'

					that.a11024cleft = 1200 * widthBl + 'px'
					that.a11024ctop = 160 * heightBl + statusnum + 'px' //to1022
					//1025

					that.a11025bleft = 820 * widthBl + 'px'
					that.a11025btop = 180 * heightBl + statusnum + 'px'
					that.a11025bw = 100 * widthBl + 'px'
					that.a11025bh = 180 * heightBl + 'px'

					that.a11025bleft = 804 * widthBl + 'px'
					that.a11025btop = 166 * heightBl + statusnum + 'px'
					that.a11025bw = 100 * widthBl + 'px'
					that.a11025bh = 144 * heightBl + 'px'


					that.a11022cleft = 1200 * widthBl + 'px'
					that.a11022ctop = 90 * heightBl + statusnum + 'px' //to1022  
					
					
					that.a41025btn2l = 962 * widthBl + 'px'
					that.a41025btn2t= 49 * heightBl + statusnum + 'px'
					that.a41025btn2w= 118 * widthBl + 'px'
					that.a41025btn2h= 198 * heightBl  + 'px'


					//f2
					that.f2left = 1130 * widthBl + 'px'
					that.f2top = 471 * heightBl + statusnum + 'px'
					that.f2w = 82 * widthBl + 'px'
					that.f2h = 45 * heightBl + 'px'

					//f6
					that.f6left = 1517 * widthBl + 'px'
					that.f6top = 471 * heightBl + statusnum + 'px'
					that.f6w = 82 * widthBl + 'px'
					that.f6h = 45 * heightBl + 'px'

					//标题
					that.stw = 479 * widthBl + 'px'
					that.sth = 28 * heightBl + 'px'
					//中间两部分间隔
					that.sleft = 10 * widthBl + 'px'
					//内容
					that.siw = 340 * widthBl + 'px'
					that.sih = 200 * heightBl + 'px'
					//右边信息
					that.sbw = 146 * widthBl + 'px'
					that.sbh = 77 * heightBl + 'px'
					//右边时间
					that.srtw = 138 * widthBl + 'px'
					that.srth = 30 * heightBl + 'px'
					that.srtt = 90 * heightBl + 'px'
					//底部信息
					that.sitt = 0 * heightBl + 'px'
					that.s5w = 495 * widthBl + 'px'
					that.s5h = 25 * heightBl + 'px'

					////
					//手自按钮
					that.bxb1l = 1365 * widthBl + 'px'
					that.bxb1t = 287 * heightBl + statusnum + 'px'
					that.bxb1w = 74 * widthBl + 'px'
					that.bxb1h = 88 * heightBl + 'px'
					//1泵停止
					that.bxb2l = 1170 * widthBl + 'px'
					that.bxb2t = 420 * heightBl + statusnum + 'px'
					that.bxb2w = 74 * widthBl + 'px'
					that.bxb2h = 88 * heightBl + 'px'

					//图标，上下两组
					that.iconw = 63 * widthBl + 'px'
					that.iconh = 63 * heightBl + 'px'
					that.icon1l = 567 * widthBl + 'px'
					that.icon2l = 651 * widthBl + 'px'
					that.icon3l = 735 * widthBl + 'px'
					that.icon4l = 809 * widthBl + 'px'
					that.icon5l = 893 * widthBl + 'px'
					that.icon6l = 967 * widthBl + 'px'
					that.icon7l = 1041 * widthBl + 'px'

					that.icont1 = 108 * heightBl + statusnum + 'px'


					that.icont2 = 546 * heightBl + statusnum + 'px'
					that.icon8l = 646 * widthBl + 'px'
					that.icon9l = 714 * widthBl + 'px'
					that.icon10l = 790 * widthBl + 'px'
					that.icon11l = 872 * widthBl + 'px'
					that.icon12l = 965 * widthBl + 'px'

					//屏图标宽高
					that.sciconw = 20 * widthBl + 'px'
					that.sciconh = 20 * heightBl + 'px'


					//自动方式
					that.aiconl = 430 * widthBl + 'px'
					that.aicont = 353 * heightBl + statusnum + 'px'

					//手动方式
					that.miconl = 430 * widthBl + 'px'
					that.micont = 390 * heightBl + statusnum + 'px'

					//火警
					that.ficonl = 649 * widthBl + 'px'
					that.ficont = 137 * heightBl + statusnum + 'px'


					//启动
					that.siconl = 824 * widthBl + 'px'
					that.sicont = 139 * heightBl + statusnum + 'px'

					//反馈
					that.iiconl = 824 * widthBl + 'px'
					that.iicont = 289 * heightBl + statusnum + 'px'

				}).exec()

				// uni.getSystemInfo({
				// 	success: function(res) {
				// 		console.log(res)
				// 		

				// 	}
				// });
			}
		}
	}
</script>


<style scoped lang="scss">
	@font-face {
		font-family: "DS-Digital";
		font-weight: 400;
		src: url("//www.xfzsb.com/static/image/ds-digi.woff2") format("woff2"),

	}

	.explaincss {
		padding: 20rpx;
		width: 300rpx;

		border-radius: 20rpx;
		border: 1rpx solid #000;
		background-color: #fff;
		color: #000;
		position: fixed;
		top: 50rpx;
		left: 225rpx;
		z-index: 5000;
	}

	.rem7 {
		font-size: 0.4rem;
	}

	.flexcol {
		display: flex;
		flex-direction: column;
	}

	.flexrow {
		display: flex;
	}

	.rtext {
		color: red;
	}

	.tasklfex {
		display: flex;
		justify-content: space-between;
	}

	.stepbs {
		text-align: right;
		 
	}

	.ds {
		color: #DA2627;
		font-family: DS-Digital;
		font-size: 20px;
	}

	.warp {
		height: 100%;
		box-sizing: border-box;
		// padding: 22rpx 33rpx 38rpx 36rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: #F6F6F6;

		.w100 {
			width: 100%;
			height: 100%;
		}

		.openiv {
			position: fixed;
		}

		.openi {
			width: 20px;
			height: 20px;
		}

		.redbg { 
			 
		}

		.answerview {
			position: fixed;
			top: 100rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}

		.answerview1 {
			position: fixed;
			bottom: 105rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}

		.ytitle {
			background-color: #ffb700;
			line-height: 26rpx;
		}

		.ritem {
			line-height: 20rpx;
		}



		.imgview {
			position: relative;
			width: 100%;

		}

		.aimg {
			width: 60rpx;
			height: 35rpx;
		}

		.areas {
			// background-color: rgba(255, 165, 0, 0.2);
			margin-bottom:10px;
			.areasTit{
				background: orange;
			}
			color: #000;
		}

		.sitem {
			border: 2rpx solid red;
		}

		.areaitem {
			background: #fff;

			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

.taskTit {
					height: 21px;line-height: 21px;width: 100%;text-align: left;background: #fff;color: #000;font-size: 15px

				}



		.myCard {
			width: 100%;
			// height:100%;
			position: relative;
			// border-radius: 20rpx;
			//	overflow: hidden;
			z-index: 1;

			.cardContent {
				// padding: 52rpx 58rpx 37rpx;
				box-sizing: border-box;
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				color: #fff;

				.moneyContent {
					margin-top: 54rpx;
					width: 100%;
					display: flex;
					align-items: center;

					.moneyDetail {
						width: 50%;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: flex-start;

						.detailTit {
							font-size: 24rpx;
							font-weight: 400;
						}

						.detailVal {
							font-size: 55rpx;
							font-weight: bold;
							margin-top: 35rpx;
						}
					}

				}



				.handleBtn {
					position: fixed;
					left: 30px;
					bottom: 0px;
				}

				.btnA {
					display: flex;
					flex-direction: column;
					position: fixed;
					right: 30px;
					bottom: 0px;
					align-items: flex-end;
				}

				.btnArea {
					//	margin-top: 160rpx;
					//margin-left: 150rpx;
					display: flex;
					justify-content: center;
					//position:fixed;
					//right:30px;
					//	bottom:30px
					// text-align: center;
				}
			}
		}

		.infoBox {
			width: 100%;
			padding: 14rpx 30rpx;
			margin-top: 33rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background: #fff;

			.singleInfo {
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ccc;

				.info {
					flex: 1;

					.desc {
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}

					.time {
						margin-top: 15rpx;
						font-size: 18rpx;
						font-weight: 400;
						color: #888888;
						display: flex;
						align-items: center;
					}
				}

				.val {
					width: 115rpx;
					height: 40rpx;
					border: 1rpx solid #DA2627;
					border-radius: 40rpx;
					text-align: center;
					font-size: 22rpx;
					font-weight: 400;
					color: #DA2627;
					line-height: 40rpx;
				}
			}
		}

		.writeBox {
			border: none;
			width: 0px;
			height: 0px;
			position: fixed
		}
	}
</style>